/* 主要是通过媒体查询动态调整html根元素的字体大小 */
@media screen and (min-width:280px) {
    html {
        font-size: 28px;
    }
}

@media screen and (min-width:320px) {
    html {
        font-size: 32px;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 36px;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 37.5px;
    }
}

@media screen and (min-width:390px) {
    html {
        font-size: 39px;
    }
}

@media screen and (min-width:412px) {
    html {
        font-size: 41.2px;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 41.4px;
    }
}

@media screen and (min-width:424px) {
    html {
        font-size: 42.4px;
    }
}

@media screen and (min-width:424px) {
    html {
        font-size: 42.4px;
    }
}

@media screen and (min-width:430px) {
    html {
        font-size: 43px;
    }
}

@media screen and (min-width:540px) {
    html {
        font-size: 54px;
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 64px;
    }
}


@media screen and (min-width:750px) {
    html {
        font-size: 75px;
    }
}


@media screen and (min-width:768px) {
    html {
        font-size: 76.8px;
    }
}

/* @media screen and (min-width:820px) {
    html {
        font-size: 82px;
    }
}

@media screen and (min-width:912px) {
    html {
        font-size: 91.2px;
    }
}

@media screen and (min-width:1024px) {
    html {
        font-size: 102.4px;
    }
}

@media screen and (min-width:1263px) {
    html {
        font-size: 126.3px;
    }
} */